<template>
    <el-tabs v-model="activeName" type="border-card" stretch>
        <el-tab-pane label="总库存" name="total">
            <inventory v-if="activeName === 'total'"></inventory>
        </el-tab-pane>
        <el-tab-pane label="批次库存" name="batches">
            <purchase v-if="activeName === 'batches'"></purchase>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
    const inventory = () => import('./inventory.vue')
    const purchase = () => import('./purchase.vue')

    export default {
        data() {
            return {
                activeName: 'total'
            }
        },
        components: {
            inventory,purchase
        }
    }
</script>

<style scoped>

</style>
